<template>
  <basic-container>
    <el-dialog title="查看" :visible.sync="dialog"
               @close="cancelDialog()" width="80vw" top="5vh">
      <component :is="viewPage" :id="fxId"></component>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cancelDialog" size="small" icon="el-icon-close">关闭</el-button>
      </span>
    </el-dialog>
  </basic-container>
</template>
<script>

export default {
  name: 'task-view',
  components: {
  },
  props: {
    dialog: Boolean,
    fxId: '',
    viewPage: '',
  },
  data() {
    return {
    }
  },
  created() {
  },
  methods: {
    // 关闭
    cancelDialog() {
      this.$emit('closeDialog', false)
    },
  }
}
</script>

